<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>图书详细</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css"
	href='<c:url value="/uikit-2.25.0/css/uikit.min.css"/>'>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/jquery.lazyload.min.js"></script>
<script type="text/javascript"
	src='<c:url value="/uikit-2.25.0/js/uikit.min.js"/>'></script>
<style type="text/css">
	body {
		font-size: 10pt;
	}
	div {
		margin:20px;
		width: 150px;
		text-align: center;
	}
	li {
		margin-left:40px;
	}
	a {
		background: url(<c:url value='/images/all.png'/>) no-repeat;
		display: inline-block;
		
		background-position:2px -829px;
		margin-left: 30px;
		height: 36px;
		width: 166px;
	}
	img{
			wdith:130px;
			height:140px;
			margin:4px auto;
	}
	ul{
		width:192px;
		height:100px;
	}
	em{
		text-align: center;	
	}
</style>
<script type="text/javascript">
	
			
		function add(){
			var countValue=document.getElementById("amount");
			var intValue=parseInt(countValue.value)+1;
			countValue.value = intValue;
		}
		function minus(){
			var countValue=document.getElementById("amount");
			var intValue=parseInt(countValue.value)-1;
			if(intValue <=1 ){
				intValue = 1;
			}
			countValue.value = intValue;
		}
</script>
  </head>
  
  <body>
  <div>
    <img src='<c:url value="/${ book.image}"/>' border="0"/>
  </div>
  <ul class="uk-list uk-list-space">
    <li><span class="uk-text-bold ">书名:</span>&nbsp;<label class="uk-text-success">${ book.bname }</label></li>
    <li><span class="uk-text-bold ">作者:</span>&nbsp;<label class="uk-text-success">${ book.author }</label></li>
    <li><span class="uk-text-bold ">价格:</span>&nbsp;<label class="uk-text-success">${ book.price }元</label></li>
  </ul>
  <form id="form" action='<c:url value="/cartServlet"/>' method="post">
  	<div style="margin-top:-24px;"> 
  	 	<input type="hidden" name="method" value="addCart">
  		<input type="hidden" name="bid" value="${ book.bid}">
<!-- minus-square
plus-square -->
 
  	 	<em class="uk-button"><i class="uk-icon-minus-square" style="margin-top:8px;" onclick="minus()"></i></em>
  	 	<input id="amount" type="text" size="3" name="count" value="1" class="uk-form-small"/>
  	 	<em class="uk-button"><i class="uk-icon-plus-square" style="margin-top:8px;" onclick="add()"></i></em>

	</div>

  </form>
  <a href="javascript:document.getElementById('form').submit();"></a>
  </body>
</html>
